<template>
  <div class="size">
    <el-steps :active="active" finish-status="success">
      <el-step title="填写商品信息"></el-step>
      <el-step title="填写商品促销"></el-step>
      <el-step title="填写商品属性"></el-step>
      <el-step title="选择商品相关"></el-step>
    </el-steps>
    <div>
      商品分类:
      <el-row class="demo-autocomplete">
        <el-col :span="12">
          <el-autocomplete
            class="inline-input"
            v-model="state1"
            :fetch-suggestions="querySearch"
            placeholder="请输入内容"
            @select="handleSelect"
          ></el-autocomplete>
        </el-col>
        </el-row>
    </div>

  </div>

</template>

<script>
  export default {
    data() {
      return {
        active: 0
      };
    },

    methods: {
      next() {
        if (this.active++ > 2) this.active = 0;
      }
    }
  }
</script>

<style>
  .size {
    width: 900px;
    height: 800px;
    border: 1px solid #000;
    margin-left: 15%;
    margin-top: 30px;
    padding: 40px;
  }
</style>
